<template>
	<view class="movie-container">
		<image class="movie-img" :src="movielist.coverageUrl"></image>
		<text class="movie-title">{{movielist.title}}</text>
		<starsTemplate :average="movielist"></starsTemplate>
	</view>
</template>

<script> 
	import starsTemplate from "../stars/stars-template";
	export default {
		props:['movielist'],
		components:{
			starsTemplate
		}
	}
</script>

<style>
	.movie-container{display:flex;flex-direction:column;padding:0 26rpx;}
	.movie-img{width:200rpx;height:270rpx;padding-bottom:20rpx;}	
	.movie-title{margin-bottom: 16rpx;font-size: 24rpx;}
</style>
